
<ui:composition 
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:c="http://java.sun.com/jsp/jstl/core">


    

        <div style="position: relative; width: 100%; float: left;" >            

            <div style="width: 100%; text-align: right;">                            

               <h:outputText value="#{usuarioSessionBean.usuario.cliente.nombre}"
                             style="vertical-align: middle; font-weight: bold;" />

               <h:outputText value="#{usuarioSessionBean.usuario.nombre}"
                             rendered="#{usuarioSessionBean.usuario.tipo=='A'}"
                             style="vertical-align: middle;font-weight: bold;" />               

            </div>

            <div style="width: 100%; text-align: right;">
                <h:outputText value="#{usuarioSessionBean.usuario.vendedor.descrp}"
                             rendered="#{usuarioSessionBean.usuario.tipo =='V'}"
                             style="vertical-align: middle;font-size: 7px;" />

                <h:outputText value="#{usuarioSessionBean.usuario.nombre}"
                             rendered="#{usuarioSessionBean.usuario.tipo =='S'}"
                             style="vertical-align: middle;font-size: 7px;" />
            </div>

            <div style="width: 100%; text-align: right;">
               <h:panelGroup style="text-align: right; font-size: 9px;" >
                    <p:commandLink value="#{msgs.administrar}" ajax="false" action="#"  />
                    |
                    <p:commandLink value="#{msgs.cerrarSession}" ajax="false" action="#{usuarioSessionBean.logout}" />
               </h:panelGroup>
            </div>
        </div>

        <c:if test="#{not empty carritoBean.carrito}" >

            <div style="position: relative; width: 100px; float:
                 right; text-align: left; vertical-align: middle;
                 padding-top: 10px;" >

                <h:outputText value="Cant. Productos: " styleClass="colLabel" />
                <h:outputText value="#{carritoBean.carrito.cantidadItems}" styleClass="colDato"/>
            </div>

            <div style="position: relative; width: 40px; float: right;" >
                <p:commandLink id="infoCarrito" action="#{carritoBean.verCarrito}" style="border: none;" ajax="false" process="@this" >

                    <h:graphicImage value="../../TiendaVirtual/iconos/carritoInfo.png" height="30" width="30" />

                </p:commandLink>
            </div>

            <p:tooltip for="infoCarrito" showEffect="fade" hideEffect="fade" style="min-width: 160px;" >

                <h:panelGrid columnClasses="colLabel,colDato" columns="2">

                    <h:outputText value="Nro Carrito: " />
                    <h:outputText value="#{carritoBean.carrito.id.nrofor}" />

                    <h:outputText value="Fecha: " />
                    <h:outputText value="#{carritoBean.carrito.fchmov}" >
                        <f:convertDateTime pattern="dd/MM/yyyy"/>
                    </h:outputText>

                    <h:outputText value="Importe total: " />
                    <h:outputText value="#{carritoBean.carrito.subTotalConIVA}" >
                        <f:convertNumber pattern="$ 0.00" />
                    </h:outputText>

                    <h:outputText value="Notas: " />
                    <h:outputText value="#{carritoBean.carrito.textos}" />

                </h:panelGrid>

                <p:spacer height="5"/>

                <div align="center">
                    <h:outputText value="Clik en el carrito para ver el detalle" style="font-weight: bold;" />
                </div>

            </p:tooltip>

        </c:if>

    
</ui:composition>
